<template>
	<div class="header">
		<div class="header-left" @click="toHome()">
			<span class="iconfont">&#xe605;</span>
		</div>
		<div class="header-title">
			城市选择
		</div>
	</div>
</template>

<script>
	export default{
		methods:{
			toHome(){
				this.$router.push('/')
			}
		}
	}
</script>

<!-- scoped属性:表示局部样式 -->
<style scoped>
	.header{
		width: 100%;
		height: 0.88rem; /* 44px*/
		background-color: #17c0c8;
		color: white;
		font-size: 0.36rem; /* 18px*/
		display: flex;
		line-height: 0.88rem;
	}
	.header-left{
		width: 0.4rem; /* 0.4rem*/
		text-align: center;
		font-weight: bold;
		padding: 0px 0.2rem; /* 0.2rem*/
	}
	.header-title{
		text-align: center;
		flex : 1;
		margin-right: 15px;
	}
</style>
